.nav{
    display: flex;
    height: .44rem;
    background: #fff;
    @include border(0 0 1px 0, #ccc);
    span{
        display: flex;
        overflow: hidden;
        flex: 1;
        justify-content:center;
    }
    .city{
        color: #666;
        font-size: .15rem;
        padding-left: .15rem;
        line-height: .44rem
    }
    .hot{
        padding: 0 .2rem 0 .2rem;
        color: #666;
        text-align: center;
        font-weight: 700;
        font-size: .15rem;
        line-height: .44rem;
        width: 21.3333vw;
    }
    .future{
        padding: 0 .12rem;
        color: #666;
        text-align: center;
        font-weight: 700;
        font-size: .15rem;
        line-height: .44rem;
        width: 21.3333vw;
    }
    .yo-ico{
        color: #ef4238;
        font-size: .2rem;
        line-height: .44rem;
        text-align: right;
        align-items: right;
    }
    .active{
        color: #ef4238;
        border-bottom: .02rem solid #ef4238;
    }
}